iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

JavaScript學習日誌系列 第 5

學習日誌05-函式2

  • 分享至 

  • xImage
  •  

函式帶參數

函式可以透過帶參數,讓使用上更為方便。
ex.飲料店新品上市打9折,可以透過函式方便重複計算,依每人購買杯數不同計算不同價錢。

function count(price){
    document.getElementById("price").textContent = price*0.9;
}

//請在下方呼叫count()並帶入一個數字
count(200);

//輸出
這位客人打折後的金額為180

參數可以是各種型態帶入 ex.字串、數字、布林

function sayHello(name){
    console.log("你好");
    document.getElementById('greet').textContent = name + '你好';
}

sayHello('古德瑞')

//輸出
古德瑞你好

帶入多種類型參數練習 ex.服飾店打折

function count(name,shirtPrice,pantsPrice){
    var total = shirtPrice*0.9 + pantsPrice*0.8;
    document.getElementById('guest').textContent = name + '你好,衣服及褲子購買總共' + total;
}

count('古德瑞',450,800)

//輸出
古德瑞你好,衣服及褲子購買總共1045

函式的return

在函式裡使用 return ,會回傳函式運算完的結果。

function count(price){
    return price*0.8;
}

var total = count(500);

//回傳結果
衣服的價格為50元
打完8折的價格為40元

上一篇
學習日誌04-函式1
下一篇
學習日誌06-陣列
系列文
JavaScript學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言